---
title: Badges
category: components
container: p-8 flex items-center justify-center gap-4 sm:gap-8
seo:
  title: Badge Components
  description: Badge components in Tailwind | LangUI
components:
  1:
    title: Basic
    dark: true
  2:
    title: Status Badges
    dark: true
  3:
    title: Icon Badge
    dark: true
  4:
    title: Count Badge
    dark: true
  5:
    title: Badge with close button
    dark: true
---

# Badge Components

<ComponentsList
  componentsData={componentsData}
  componentContainer={componentContainer}
/>
